@import '../../style/_variables.less';

.mooli-bcamera {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  // height: 100%;
  background-color: #000;

  &--camera {
    position: relative;
    display: flex;

    >video {
      display: flex;
      width: 100%;
      // height: 500px;
    }
  }

  &--footer {
    flex: 1;
    display: flex;
    justify-content: center;
    background-color: #000;
  }

  &--footer-body {
    position: relative;
    width: 100%;
    padding: 40px;

    >span {
      font-family: Roboto;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 16px;
    }

    >em {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 48px;
      height: 48px;
      margin: auto;
      border-radius: 50%;
      background: url("") center center no-repeat;
      background-size: 100% auto;
    }

    >i {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 22px;
      width: 32px;
      height: 32px;
      margin: auto;
      background: url("") center center no-repeat;
      background-size: 100% auto;
    }
  }

  &--isFinish &--footer-body {
    display: flex;
    justify-content: space-between;
  }

  &--remake {
    color: #999999;
  }

  &--kirim {
    color: #FED000;
  }
}